<template>
  <div class="news-container">
    <h1>育才学校食堂荣获"省级健康食堂"称号 打造校园饮食安全新标杆</h1>
    <p class="date">2023年6月1日</p>
    <div class="content">
      <div class="image-container">
        <img src="@/../public/imgs/news/5.png" alt="育才学校食堂" style="width: 100%; height: auto; object-fit: cover;">
      </div>
      <div class="text-container">
        <p>本报讯（记者 XXX） 6月1日，从省卫生健康委员会传来喜讯，育才学校食堂顺利通过省级验收，荣获"省级健康食堂"称号，成为我市首个获此殊荣的学校餐饮单位。这一荣誉的获得，标志着该校在食品安全、营养健康等方面走在了全省前列。</p>
        <p>据了解，此次评审工作历时三个月，省卫健委专家组从食材采购、加工制作、营养配餐、就餐环境等六大类32项指标进行了全面考核。育才学校食堂以98.5分的优异成绩通过验收，特别是在"智慧监管"和"营养干预"两个特色项目上获得专家组高度评价。</p>
        <p>走进达达中学学校食堂，"明厨亮灶"工程格外引人注目。通过安装在各个操作间的32个高清摄像头，后厨的每一个操作环节都能在就餐区的大屏幕上实时显示。五年级学生家长王女士表示："能看到孩子吃的饭菜是怎么做出来的，我们特别放心。"</p>
        <p>在营养健康方面，食堂创新推出"五色营养餐"计划：</p>
        <ul>
          <li>每周由专业营养师制定菜谱</li>
          <li>每餐保证5种以上蔬菜</li>
          <li>针对不同年龄段学生设计差异化餐食</li>
          <li>设立"能量加油站"为体育特长生提供加餐服务</li>
        </ul>
        <p>值得一提的是，学校还成立了由12名学生组成的"膳食监督岗"。每天都有两名"小小监督员"佩戴工作证，参与食材验收、留样检测等工作。初二（3）班的李同学自豪地说："上周我们发现一批蔬菜不够新鲜，立即报告老师进行了退换。"</p>
        <p>校长陈明在授牌仪式上表示："获得'健康食堂'称号不是终点，而是新的起点。下一步我们将建立家长膳食委员会，并开发营养健康APP，让饮食安全教育融入日常。"</p>
        <p>据悉，该校食堂还将作为示范单位，承担起全市学校食堂管理人员的培训工作，推动区域校园餐饮服务水平整体提升。</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

// 示例数据，实际项目中可以从API获取
const newsContent = ref({
  title: '育才学校食堂荣获"省级健康食堂"称号 打造校园饮食安全新标杆',
  date: '2023年6月1日',
  paragraphs: [
    '本报讯（记者 XXX） 6月1日，从省卫生健康委员会传来喜讯，育才学校食堂顺利通过省级验收，荣获"省级健康食堂"称号，成为我市首个获此殊荣的学校餐饮单位。这一荣誉的获得，标志着该校在食品安全、营养健康等方面走在了全省前列。',
    '据了解，此次评审工作历时三个月，省卫健委专家组从食材采购、加工制作、营养配餐、就餐环境等六大类32项指标进行了全面考核。育才学校食堂以98.5分的优异成绩通过验收，特别是在"智慧监管"和"营养干预"两个特色项目上获得专家组高度评价。',
    '走进育才学校食堂，"明厨亮灶"工程格外引人注目。通过安装在各个操作间的32个高清摄像头，后厨的每一个操作环节都能在就餐区的大屏幕上实时显示。五年级学生家长王女士表示："能看到孩子吃的饭菜是怎么做出来的，我们特别放心。"',
    '在营养健康方面，食堂创新推出"五色营养餐"计划：',
    '每周由专业营养师制定菜谱',
    '每餐保证5种以上蔬菜',
    '针对不同年龄段学生设计差异化餐食',
    '设立"能量加油站"为体育特长生提供加餐服务',
    '值得一提的是，学校还成立了由12名学生组成的"膳食监督岗"。每天都有两名"小小监督员"佩戴工作证，参与食材验收、留样检测等工作。初二（3）班的李同学自豪地说："上周我们发现一批蔬菜不够新鲜，立即报告老师进行了退换。"',
    '校长陈明在授牌仪式上表示："获得\'健康食堂\'称号不是终点，而是新的起点。下一步我们将建立家长膳食委员会，并开发营养健康APP，让饮食安全教育融入日常。"',
    '据悉，该校食堂还将作为示范单位，承担起全市学校食堂管理人员的培训工作，推动区域校园餐饮服务水平整体提升。'
  ],
  imageUrl: '@/../public/imgs/news/2.png'
})
</script>

<style scoped>
.news-container {
  width: 80%;
  margin: 20px auto;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
  color: #333;
}

p {
  line-height: 1.6;
  color: #666;
}

.date {
  color: #999;
  font-size: 0.9em;
}

.content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.image-container {
  flex: 1;
  max-width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}

.text-container {
  flex: 1;
  max-width: 50%;
  box-sizing: border-box;
}

ul {
  list-style-type: disc;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .image-container, .text-container {
    max-width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
</style>
